*{margin: 0;padding: 0;list-style: none;box-sizing:border-box;font-size: 14px;font-family: 'Microsoft YaHei',"Comic Sans MS","幼圆","黑体",sans-serif;}

/************这罩层****************/
#mask{
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	opacity: 0.5;
}
#mask:after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 46%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
}

	@-webkit-keyframes animations{
		0%{-webkit-transform:scale(2);}
		100%{-webkit-transform:scale(1);}
	}
#mask:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 54%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-webkit-animation-delay:0.5s;
}

/***********头***************/		
header{width: 100%;height: 50px;background: #2C5763;display: flex;line-height: 50px;position: fixed;top: 0;z-index: 3;color: white;}
header>div.heade_first{width: 15%;padding: 2px 20px;}
header>div.heade_first>a{color: white;}
header>div.heade_second{width: 70%;font-size: 16px;}
header>div.heade_third{width: 13%;padding-left: 15px;}
header>div.heade_third i{line-height: 50px}


/************内容*****************/
.content{width: 100%;overflow: auto;position: absolute;top: 90px;bottom: 55px;right: 0;left: 0;background: #f1f5f6;}

/*********轮播*********/
.swiper-container,.swiper-wrapper{height: 210px;width: 100%;}
.swiper-container,.swiper-wrapper .swiper-slide{width: 100%;}
.swiper-container img{width: 100%;height: 210px;}

/*********主要内容*******/
.keyContent{overflow: auto;width: 100%;padding: 5px 0;padding: 0 7px;}
.keyContent li{width: 100%;overflow: auto;position: relative;background: #E4E3E3;margin-top: 10px;}
.keyContent li img{width: 90px;}

.keyContent .hasPic>div.picture{width: 34%;height: 100%;padding: 10px 7px 3px 7px;float: left;}
.keyContent .hasPic>div.product>p{line-height: 25px;font-size: 10px;margin-top: 5px;}
.keyContent .hasPic>div.product{width: 62%;height: 100%;;padding: 5px;float: right;margin-right: 10px;}
.keyContent .hasPic>div.product_nopicture>p{line-height: 25px;font-size: 10px;margin-top: 5px;}
.keyContent .hasPic>div.product_nopicture{width: 100%;height: 100%;;padding: 5px;}
.keyContent .hasPic>div.product_nopicture>.title{font-size: 25px;font-weight: bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.keyContent .hasPic>div.product_nopicture>.prod{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 20px;text-indent: -20px;font-size: 14px}
.keyContent .hasPic>div.product_nopicture>.time{position: absolute;bottom: 9px;right: 8px;font-size: 12px;}
.keyContent .hasPic>div.product>.title{font-size: 25px;font-weight: bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.keyContent .hasPic>div.product>.prod{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 20px;text-indent: -20px;font-size: 14px}
.keyContent .hasPic>div.product>.time{position: absolute;bottom: 9px;right: 8px;font-size: 12px;}

.keyContent .noPic{padding: 0 10px;}
.keyContent .noPic>.title{font-size: 18px;font-weight: bold;}
.keyContent .noPic>.prod{line-height: 25px;overflow: hidden;text-overflow: ellipsis;height: 50px;width: 92%;margin-top: 5px;}
.keyContent .noPic>.proBottom>div:nth-child(1){float: left;margin-left: 5px;}
.keyContent .noPic>.proBottom>div:nth-child(2){float: right;margin-right: 5px;font-size: 12px;}

.keyContent .prod>.art_t>span{font-size: 14px;font-family: 'Microsoft YaHei' !important;color: #8A8A8A;}
/*************脚**************/
footer{width: 100%;height: 55px;line-height: 50px;background: #2C5763;position: fixed;bottom: 0px;z-index: 3;display: flex;}
footer>a.aElement{display: block;width: 24%;text-align: center;color: white;}
footer>a.aElement>i,strong{display: block;position: relative;}
footer>a.aElement>i{top: 13px;}
footer>a.aElement>strong{top: 2px;}		


/*************分类****************/
.classifyActive{
	border-bottom: 2px solid red;
}
#wrapper {
	position: fixed;
	top: 50px;
	z-index: 3;
	height: 40px;
	width: 100%;
	background: #ccc;
	overflow: hidden;
	-ms-touch-action: none;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 1170px;
	height: 40px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

#scroller li {
	width: 80px;
	height: 40px;
	float: left;
	line-height: 40px;
	border-right: 1px solid #F7F7F7;
	/*border-bottom: 1px solid #ccc;*/
	background-color: #fafafa;
	font-size: 14px;
	overflow: hidden;
	text-align: center;
}

.classify{
	width: 60px;
	height: 40px;
	border-left: 1px solid #EBEBEB;
	background-color: #fafafa;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 5;
}
